<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>卖家详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/icons-extra.css">
		<!--自定义iconfont-->
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/pro2.css">
	</head>

	<body style="background: #fff;">

		<header class="mui-bar mui-bar-nav">
			<a id="goBack" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">爱哭的小♥</h1>
		</header>

		<div class="new-personal-details" style="margin-top: 45px;">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media" style="background-color: #FFFFFF;">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" style="height: 50px;" src="../images/shop3.jpeg">
						<div class="mui-media-body">
							BEC中级真题和写作（七成新）
							<p class='mui-ellipsis' style="font-size: 13pt; color: red;"><span>&nbsp;现价:￥</span><span>3</span>元</p>
							<p class='mui-ellipsis' style="font-size: 10pt; text-decoration: line-through;"><span>&nbsp;原价:￥</span><span>20</span>元</p>
						</div>
					</a>
				</li>
			</ul>

		</div>

		<div id="contentMessage">
			<!--<ul class="mui-table-view" style=" margin-top: -45px;">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-right" src="../images/head.jpg">
						<div class="mui-media-body">
							<p class="mui-ellipsis">你好，在吗？</p>
						</div>
					</a>
				</li>
			</ul>

			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../images/head2.jpeg">
						<div class="mui-media-body">
							<p class="mui-ellipsis">在的。</p>
						</div>
					</a>
				</li>
			</ul>-->
		</div>

		<nav class="mui-bar mui-bar-tab" style=" display: block; height: 50px; ">
			<div class="mui-input-row" style="float: left; width: 80%; margin-top: 5px;">
				<input id="messageContent" type="text" placeholder="">
			</div>
			<button id="sendMessage" style="float: left; width: 20%;" type="button" class="mui-btn mui-btn-green">发送</button>
		</nav>

		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init({
				swipeBack: true
			});
		</script>
		<script type="text/javascript">
			$(function() {
				$(".clickwn").click(function() {
					$(".flick-menu-mask").show();
					$(".spec-menu").show();
				})
				$(".tclck").click(function() {
					$(".flick-menu-mask").hide();
					$(".spec-menu").hide();
				})
				$('#cool').bind('input propertychange', function() { /* alert(this.value);*/
					$('.amount').html(this.value)
				}).bind('input input', function() {});
				$('#color a').click(function() {
					var cook = $(this).index();
					$('#color a').eq(cook).addClass('selected').siblings().removeClass('selected');
				})

				$("#sendMessage").click(function() {
					if($("#messageContent").val() == "") {
						mui.alert("请输入内容");
					} else {
						var messageContent = $("#messageContent").val();
						var messageContent2 = "<ul class='mui-table-view'> <li class = 'mui-table-view-cell mui-media' >" +
							"<a href='javascript:;'><img class='mui-media-object mui-pull-right' src='../images/head.jpg'>" +
							"<div class='mui-media-body'><p class='mui-ellipsis'>"+messageContent +"</p></div>" +
							"</a> </li> </ul>";
						
						$("#contentMessage").append(messageContent2);
						$("#messageContent").val("");
					}

				});

			})
		</script>
	</body>

</html>